<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>预约详情</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <style>
    	body{
    		
    	}
    	.am-u-sm-12{border-bottom: 1px solid #f1f1f1;margin-bottom: 5px;padding:10px}
    </style>
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>预约详情</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>
</div>


<div class="am-g" style="margin-top: 50px">

<div class="am-u-sm-12" >
预约编号：<span id="appointNo"></span>
</div>
<div class="am-u-sm-12" >

服务状态：<span id="status"></span>

</div>
<div class="am-u-sm-12" >
预约时间：<span id="appointTime"></span>
</div>

<div class="am-u-sm-12" >
服务类别：<span id="category"></span>
</div>

<div class="am-u-sm-12" >
用户编号：<span id="userNo"></span>
</div>
<div class="am-u-sm-12" >
数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：<span id="number"></span>
</div>
<div class="am-u-sm-12" >
小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区：<span id="compounds"></span>
</div>
<div class="am-u-sm-12" >
地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：<span id="address"></span>
</div>
<div class="am-u-sm-12" >
服务价格：<span id="rTotal"></span>
</div>
<div class="am-u-sm-12" >
服务备注：<span id="descripte"></span>
</div>
<div class="am-u-sm-12" >
支付金额：<span id="rTotal"></span>
</div>
<div class="am-u-sm-12" >
支付方式：<span id="payType"></span>
</div>
<div class="am-u-sm-12" >
支付时间：<span id="payTime"></span>
</div>



</div>









	
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
	apiready = function(){
	
	   var data=api.pageParam.appoint;
	   console.log(JSON.stringify(data));
	   
	   $api.text($api.byId('appointNo'), data.appointNo||'');
	   $api.text($api.byId('status'), data.status||'');
	   $api.text($api.byId('appointTime'), data.appointTime||'');
	   $api.text($api.byId('oktime'), data.oktime||'');
	   $api.text($api.byId('category'), data.category||'');
       $api.text($api.byId('userNo'), data.userNo||'');
	   $api.text($api.byId('number'), data.number||'');
	   $api.text($api.byId('linkman'), data.linkman||'');
	   $api.text($api.byId('telephone'), data.telephone||'');
	   $api.text($api.byId('compounds'), data.compounds||'');
	   $api.text($api.byId('address'), data.address||'');
	   $api.text($api.byId('rTotal'), data.rTotal||data.price||'');
	   $api.text($api.byId('descripte'), data.descripte||'');
	   $api.text($api.byId('rTotal'), data.rTotal||'');
	   $api.text($api.byId('payType'), data.payType||'');
	   $api.text($api.byId('payTime'), data.payTime||'');
	              
		
	};
	
	
	
	
	
	
</script>
</html>